<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>天创官网</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.min.js"></script>
</head>

<body>
    <div class="top">
        <nav class="navbar navbar-default" id="navbar-example" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <img src="img/logo.png">
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                    aria-expanded="false">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#publicity">客户合作</a>
                        </li>
                        <li>
                            <a href="#introduce">顶效介绍</a>
                        </li>
                        <li>
                            <a href="#environment">关于我们</a>
                        </li>
                        <li>
                            <a href="#contact">联系方式</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="topBanner">
            <div class="topBanner_img">
                <img src="img/topbanner.png">
            </div>
            <div class="topBanner_text">
                <h3>TOPeffects</h3>
                <p>天创拥有多年的互联网／移动互联网传播经验，提供的不止于专业的媒介采买和投放，还能提供产品策略、产品运营、广告创意、媒介整合、效果监测等全程服务，天创的品牌管理团队具有超过15年的品牌建设／管理／运维经验，能为客户提供4A公司级别的品牌管理、CAMPAIGN策划、创意策略、创意实现等全案服务，是客户在品牌成长路上的专业智囊团，目前天创还自主研发了顶效等多个互动式广告平台，给各大广告主提供最优质的、最适合的广告营销服务。</p>
            </div>
        </div>
    </div>
    <div class="mainContain" data-spy="scoll" data-target="#navbar-example" data-offset="80">
        <div class="row publicity" id="publicity">
            <div class="col-lg-6 col-lg-offset-0 col-md-6 col-md-offset-0 col-sm-6 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                <div class="publicity_img">
                    <img src="img/coffee.png">
                </div>
                <div class="publicity_text">
                    <h4>专注品效合一的传播：</h4>
                    <p>为客户定制最佳“品效合一”推广解决方案
                        <br/>轻松实现你的移动互联网营销目标
                        <br/>达成品牌建设与效果双赢</p>
                </div>
            </div>
            <div class="col-lg-6 col-lg-offset-0 col-md-6 col-md-offset-0 col-sm-6 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                <div class="publicity_img">
                    <img src="img/computer.png">
                </div>
                <div class="publicity_text">
                    <h4>顶效互动式平台：</h4>
                    <p>全新的互动式效果广告平台
                        <br/>聚集了海量优质广告主
                        <br/>为媒体提供用户体验最佳
                        <br/>变现效率最高的商业解决方案
                    </p>
                </div>
            </div>
        </div>
        <div class="row client_title">
            <div class="client_title_bg">
                <img src="img/centerbanner.png">
            </div>
            <div class="client_title_text">
                <h4>天创长期合作客户</h4>
                <P>COOPERATIVE CUSTOMERS</P>
            </div>
        </div>
        <div class="row client_card">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-10 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-xs-offset-1">
                <div class="row">
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/suning.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/jingdong.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/yihao.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/weipin.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/tuba.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/jia.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/wukong.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/youli.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/youjin.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/renren.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/360.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/tuandai.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/nanfang.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/yingfu.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/feidai.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/qunae.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/58.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/tuniu.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/toyota.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/guomei.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/dazong.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/pingan.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/vipkid.png">
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                        <img src="img/jianlicai.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="introduce" id="introduce">
            <div class="row introduce_text">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <h4>顶效互动平台</h4>
                    <p>顶效—全新的互动式效果广告平台，集聚行业最优质、用户最活跃的媒体，凭借全新的互动式广告场景和独有的大数据运算能力，深度挖掘用户数据，大幅提升广告效果和用户对品牌的赞誉度。顶效是一个全新的互动式效果广告平台，通过特有的互动式广告场景和专业的精细化活动运营服务能力，聚集了海量优质广告主，为媒体提供用户体验最佳、变现效率最高的商业解决方案。截止2018年1月，顶效平台总覆盖用户超过2亿，日均PV1亿+。App覆盖新闻、工具、社交、汽车、视频等各个分类，
                        用户遍布全国，80%以上为22-45岁左右的高收入人群
                    </p>
                    <div class="row introduce_card">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 card">
                            <div class="card_top first">
                                <p>顶级媒体
                                    <br/>深度覆盖</p>
                            </div>
                            <p class="card_text">Top级App， 深度覆盖顶级媒体聚合上千个优质的移动媒体，深度覆盖最优质、最活跃的用户群体</p>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 card">
                            <div class="card_top second">
                                <p>创意引导
                                    <br/>趣味交互</p>
                            </div>
                            <p class="card_text">通过富有创意的活动内容，引导用户主动参与，更有 趣味性的体验，更容易完成高效的广告转化</p>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 card">
                            <div class="card_top third">
                                <p>精准投放
                                    <br/>投其所好</p>
                            </div>
                            <p class="card_text">深度挖掘用户行为，打通媒体数据，为每一个广告 找到最匹配、高转化的用户，大幅提升广告主ROI</p>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 card">
                            <div class="card_top fourth">
                                <p>数据挖掘
                                    <br/>专注效果</p>
                            </div>
                            <p class="card_text">借助强大的大数据运算能力，顶效记录用户的每一个行为， 为广告主提供更加精准的广告行为标签，效果更有保证</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row advantage">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 advantage_title">
                <h3>平台优势</h3>
                <p>PLATFORM ADVANTAGE</p>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 col-xs-offset-1 advantage_card">
                <div class="advantage_img">
                    <img src="img/experience.png">
                    <div class="letter_img">
                        <img src="img/friends.png">
                    </div>
                </div>
                <div class="advantage_text">
                    <h4>出色用户体验</h4>
                    <p>广告即活动,广告内容为多种优惠福利,提升平台用户活跃</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 col-xs-offset-2 advantage_card">
                <div class="advantage_img">
                    <img src="img/form.png">
                    <div class="letter_img">
                        <img src="img/pic.png">
                    </div>
                </div>
                <div class="advantage_text">
                    <h4>多种广告形式</h4>
                    <p>功能入口、活动中心、悬浮入口、消息中心等多种广告形式</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 col-xs-offset-1 advantage_card">
                <div class="advantage_img">
                    <img src="img/resource.png">
                    <div class="letter_img">
                        <img src="img/grade.png">
                    </div>
                </div>
                <div class="advantage_text">
                    <h4>海量广告资源</h4>
                    <p>数万家广告主,覆盖品牌、电商、金融、游戏、教育等行业</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 col-xs-offset-2 advantage_card">
                <div class="advantage_img">
                    <img src="img/power.png">
                    <div class="letter_img">
                        <img src="img/yuan.png">
                    </div>
                </div>
                <div class="advantage_text">
                    <h4>强大变现能力</h4>
                    <p>强大活动运营能力,根据媒体属性匹配活动,确保更高点击率</p>
                </div>
            </div>
        </div>
        <div class="environment" id="environment">
            <div class="environment_main">
                <div class="environment_title">
                    <h3>办公环境</h3>
                    <p>OFFICE ENCIRONMENT</p>
                </div>
                <div class="environment_lun hidden-sm hidden-xs">
                    <div id="box">
                        <div id="container">
                            <div class="item">
                                <img src="img/1.jpg">
                            </div>
                            <div class="item">
                                <img src="img/2.jpg">
                            </div>
                            <div class="item">
                                <img src="img/3.jpg">
                            </div>
                            <div class="item">
                                <img src="img/4.jpg">
                            </div>
                            <div class="item">
                                <img src="img/5.jpg">
                            </div>
                        </div>
                        <div id="control"></div>
                    </div>
                </div>
                <div id="carousel-example-generic" class="carousel slide hidden-lg hidden-md" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="img/1.jpg" alt="1">
                        </div>
                        <div class="item">
                            <img src="img/2.jpg" alt="2">
                        </div>
                        <div class="item">
                            <img src="img/3.jpg" alt="3">
                        </div>
                        <div class="item">
                            <img src="img/4.jpg" alt="4">
                        </div>
                        <div class="item">
                            <img src="img/5.jpg" alt="5">
                        </div>
                    </div>
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="contact" id="contact">
            <div class="row contact_main">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 contact_title">
                    <h3>商务合作联系</h3>
                    <p>BUSINESS COOPERATION CONTACT</p>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <p>北京&nbsp;&nbsp;高女士</p>
                    <p>QQ:&nbsp;&nbsp;332985505</p>
                    <p>邮箱:&nbsp;&nbsp;332985505@qq.com</p>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <p>上海&nbsp;&nbsp;黄女士</p>
                    <p>QQ:&nbsp;&nbsp;30370527</p>
                    <p>邮箱:&nbsp;&nbsp;30370527@qq.com</p>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <p>广州&nbsp;&nbsp;潘先生</p>
                    <p>QQ:&nbsp;&nbsp;419151446</p>
                    <p>邮箱:&nbsp;&nbsp;adpaul-long@126.com</p>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <p>深圳&nbsp;&nbsp;X先生</p>
                    <p>QQ:&nbsp;&nbsp;317674981</p>
                    <p>邮箱:&nbsp;&nbsp;317674981@qq.com</p>
                </div>
            </div>
        </div>
    </div>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>